<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/base/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/base/public.css" />
	</head>
	<style type="text/css">
		.personal_centerTop {
			position: fixed;
			top: 0px;
			height: 50px;
			width: 100%;
			display: -webkit-box;
		}
		
		.top_fanhui {
			width: 50px;
			font-size: 20px;
			text-align: center;
			line-height: 50px;
			color: #FFF;
		}
		
		.top_name {
			-webkit-box-flex: 1;
			font-size: 18px;
			line-height: 50px;
			color: #FFF;
		}
		.content{
		padding: 50px 0px;}
		.contentLogo{
			border: 1px solid #ddd;
			height: 35vh;
			width: 100%;
		}
		.logo{
			border: 1px solid;
			width: 110px;
			height: 110px;
			border-radius:110px ;
			margin: auto;
			margin-top: 50px;
			line-height: 110px;
			font-size: 100px;
			background-color: #13A311;
			color: #fff;
			text-align: center;
		}
		.logoTxt{
			text-align: center;
			margin-top: 10px;
			color: #666;
			font-weight: bolder;
			/*font-size: 12px;*/
		}
		#tab{
			margin: auto;
			margin-top: 30px;
		}
		#tab td{
			/*border: 1px solid;*/
			color: #444;
		}
		.tab_{
			border-bottom: 1px solid #666;
			color: #007AFF;
			text-align: center;
			font-size: 13px;
			padding: 10px;
		}
		.tab_boder{
			font-weight: bolder;
		}
	</style>

	<body>
		<div class="personal_centerTop top_blue">
			<div onclick="location.href='personal.html'" class="top_fanhui Hui-iconfont Hui-iconfont-slider-left"></div>
			<div class="top_name font-weight">实名信息</div>
		</div>

		 <!--内容开始-->
        <div class="content">
        	<div class="contentLogo">
        		<div class="logo Hui-iconfont Hui-iconfont-avatar">
        		</div>
        		<div class="logoTxt">实名认证个人信息</div>
        	</div>
        	<div>
        		<table id="tab" cellspacing="" cellpadding="">
        			<tr>
        				<td class="tab_boder">姓名 ： </td>
        				<td class="userName tab_"></td>
        			</tr>
        			<tr>
        				<td class="tab_boder">账号 ： </td>
        				<td class="email tab_"></td>
        			</tr>
        			<tr>
        				<td class="tab_boder">身份证号 ： </td>
        				<td class="idCard tab_"></td>
        			</tr>
        			<tr>
        				<td class="tab_boder">手机号 ： </td>
        				<td class="phoneNumber tab_"></td>
        			</tr>
        			
        		</table>
        		
        	</div>
        </div>
        <!--内容结束-->

		<!--底部按钮开始-->
		<div class="weui-tabbar footer">
			<a href="index.html" class="weui-tabbar__item ">
				<p style="color: rgba(153,153,153,1);"  class="footertab_blue weui-tabbar__label Hui-iconfont Hui-iconfont-saoyisao "></p>
			</a>
			<a href="IM.html " class="weui-tabbar__item ">
				<p class="weui-tabbar__label Hui-iconfont Hui-iconfont-xiaoxi1 "></p>
			</a>
			<a href="personal.html " class="weui-tabbar__item ">
				<p class="footertab_blue weui-tabbar__label Hui-iconfont Hui-iconfont-user "></p>
			</a>
		</div>
		<!--底部按钮结束-->
	</body>
	<script src="js/base/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		window.onload=function  () {
			if (sessionStorage.getItem("userName")) {
				console.log(sessionStorage.getItem("userName"))
				$('.userName').html(sessionStorage.getItem("userName"))
				$('.email').html(sessionStorage.getItem("email"))
				$('.idCard').html(sessionStorage.getItem("idCard"))
				$('.phoneNumber').html(sessionStorage.getItem("phoneNumber"))
			}else{
				location.href='login.html'
			}
			
		}
	</script>

</html>